<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8" />
    <!-- 强制360浏览器使用极速内核 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="./css/font.css?v=202012314" />
    <link rel="stylesheet" type="text/css" href="./css/common.css?v=202012314" />
    <link rel="stylesheet" type="text/css" href="./css/main.css?v=202012314" />
    <script src="./js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script>
</head>

<body class="hide">
    <div class="pc-container">
        <ul>
            <li class="flip-container">
                <div class="flipper">
                    <div class="front front-one"></div>
                    <div class="back back-one">
                        <div class="header">
                            <h1>openEuler</h1>
                            <h2 class="mb2">开源一周年</h2>
                            <h2>感谢有你</h2>
                        </div>
                        <div class="center">
                            <div class="user-name"><span class="dear">Dear </span><span class="dear js-name">XXX</span></div>
                            <p>2019年12月31日，openEuler正式开源，<br>到今天满一周岁了！</p>
                            <p>因为有你的加入，<br>openEuler才有了生命力，</p>
                            <p>因为有你的付出，<br>openEuler才有了从0到1的成长，</p>
                            <p>在这一周年暨新年之际，<br>想对你道一声感谢！</p>
                            <p>扫描二维码生成你和openEuler的专属记忆</p>
                        </div>
                        <div class="footer">
                            <img src="./img/euler-qrcode.png">
                        </div>
                    </div>
                </div>
            </li>
            <li class="flip-container">
                <div class="flipper">
                    <div class="front front-two"></div>
                    <div class="back back-two">
                        <div class="header">
                            <div class="img-content">
                                <img src="./img/step2-header.png" alt="">
                                <div>
                                    <div class="text">新年将至，我满一周岁啦！</div>
                                </div>
                                
                            </div>
                        </div>
                        <div class="date-list">
                            <p>还记得<span class="date js-first-time">2020年10月11日</span>，你第一次走进我的世界，到如今已陪伴了我<span class="time js-computed-date">81</span>；</p>
                            <p><span class="date js-first-star">2020年10月11日</span>，你第一次点亮了我的仓库；</p>
                            <p><span class="date js-first-issue-time">2020年10月11日</span>，你提出了第一个issue；</p>
                            <p><span class="date js-first-pr-time">2020年10月11日</span>，你提交了第一个PR；</p>
                            <p>心动的时刻，总是令人难以忘怀，</p>
                            <p>你的每一次付出，都会深深印在我的心底。</p>
                        </div>
                        <div class="footer">
                            <h1>回望过去这一年，我快速成长</h1>
                            <p>迭代了20.03和20.09两个版本</p>
                            <p>而你在这期间，</p>
                            <p>提交了<span class="js-pr">110</span>个PR，</p>
                            <p>提出了<span class="js-issue">87</span>个issue，</p>
                            <p>提出了<span class="js-comments">87</span>条comments，</p>
                            <p>贡献了<span class="js-code-lines">349</span>行代码，</p>
                            <!-- <p>加入了<span class="js-sigs">7</span>个sig组，</p> -->
                            <p>点亮了<span class="js-stars">43</span>个仓库，</p>
                            <p>积跬步而至千里，</p>
                            <p>你踏出的每一步对我来说都异常珍贵。</p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="flip-container">
                <div class="flipper">
                    <div class="front front-three"></div>
                    <div class="back back-three">
                        <div class="header">
                            <h1>我的世界因你<br>而变得越来越丰富多彩！</h1>
                            <div class="img-content">
                                <img src="./img/step3-header.png">
                                <div>
                                    <div class="text">在这一年里， <br>你的贡献度超越了<span class="person js-defeat-value">79%</span>开发者。</div>
                                    <div class="text2 js-defeat-text">当之无愧的大佬，<br>请继续带我飞！</div>
                                </div>
                            </div>
                        </div>
                        <div class="center">
                            <div class="year">
                                <p>2020，我们初相识，回忆满满；</p>
                                <p>2021，我们共成长，未来可期；</p>
                            </div>
                            <div class="newyear">
                                愿在开源道路上一直有你陪伴!<br>新年快乐!
                            </div>
                        </div>
                        <div class="footer">
                            <h1>openEuler 社区<br>呈上</h1>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="h5-container">
        <div class="back-one bg-none">
            <div class="header">
                <h1>openEuler</h1>
                <h2 class="mb2">开源一周年</h2>
                <h2>感谢有你</h2>
            </div>
            <div class="center">
                <div class="user-name"><span class="dear">Dear </span><span class="dear js-name">XXX</span></div>
                <p>2019年12月31日，openEuler正式开源，<br>到今天满一周岁了！</p>
                <p>因为有你的加入，<br>openEuler才有了生命力，</p>
                <p>因为有你的付出，<br>openEuler才有了从0到1的成长，</p>
                <p>在这一周年暨新年之际，<br>想对你道一声感谢！</p>
                <p>扫描二维码生成你和openEuler的专属记忆</p>
            </div>
            <div class="footer">
                <img src="./img/euler-qrcode.png">
            </div>
        </div>
        <div class="back-two bg-none">
            <div class="header">
                <div class="img-content">
                    <img src="./img/step2-header.png" alt="">
                    <div>
                        <div class="text">新年将至，我满一周岁啦！</div>
                    </div>
                    
                </div>
            </div>
            <div class="date-list">
                <p>还记得<span class="date js-first-time">2020年10月11日</span>，你第一次走进我的世界，到如今已陪伴了我<span class="time js-computed-date">81</span>；</p>
                <p><span class="date js-first-star">2020年10月11日</span>，你第一次点亮了我的仓库；</p>
                <p><span class="date js-first-issue-time">2020年10月11日</span>，你提出了第一个issue；</p>
                <p><span class="date js-first-pr-time">2020年10月11日</span>，你提交了第一个PR；</p>
                <p>心动的时刻，总是令人难以忘怀，</p>
                <p>你的每一次付出，都会深深印在我的心底。</p>
            </div>
            <div class="footer">
                <h1>回望过去这一年，我快速成长</h1>
                <p>迭代了20.03和20.09两个版本</p>
                <p>而你在这期间，</p>
                <p>提交了<span class="js-pr">110</span>个PR，</p>
                <p>提出了<span class="js-issue">87</span>个issue，</p>
                <p>提出了<span class="js-comments">87</span>条comments，</p>
                <p>贡献了<span class="js-code-lines">349</span>行代码，</p>
                <!-- <p>加入了<span class="js-sigs">7</span>个sig组，</p> -->
                <p>点亮了<span class="js-stars">43</span>个仓库，</p>
                <p>积跬步而至千里，</p>
                <p>你踏出的每一步对我来说都异常珍贵。</p>
            </div>
        </div>
        <div class="back-three bg-none">
            <div class="header">
                <h1>我的世界因你<br>而变得越来越丰富多彩！</h1>
                <div class="img-content">
                    <img src="./img/step3-header.png">
                    <div>
                        <div class="text">在这一年里， <br>你的贡献度超越了<span class="person js-defeat-value">79%</span>开发者。</div>
                        <div class="text2 js-defeat-text">当之无愧的大佬，<br>请继续带我飞！</div>
                    </div>
                </div>
            </div>
            <div class="center">
                <div class="year">
                    <p>2020，我们初相识，回忆满满；</p>
                    <p>2021，我们共成长，未来可期；</p>
                </div>
                <div class="newyear">
                    愿在开源道路上一直有你陪伴!<br>新年快乐!
                </div>
            </div>
            <div class="footer">
                <h1>openEuler 社区<br>呈上</h1>
            </div>
        </div>
    </div>
    <div class="no-user hide">
        <div class="wrap">
            <img src="./img/empty.png">
            <span>xxx</span>
        </div>
    </div>
    <script src="./js/main.js?v=202012314"></script>
</body>

</html>